<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>我的学习进度_${webName}手机版</title>
    <#include "common/head-common.ftl">
  </head>
  <body class="skin-green sidebar-collapse">
    <div class="wrapper">
      <#include "common/header.ftl">
            
      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <ol class="breadcrumb">
            <li><a href="${wwwRoot}"><i class="fa fa-home"></i> 大讲台</a></li>
            <li><a href="${webRoot}m/center.do">Hadoop大讲台</a></li>
            <li class="active">我的学习进度</li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">

          <!-- Main row -->
          <div class="row">
          	<!-- Left col -->
            <section class="col-lg-12 connectedSortable">
            
            <!-- Calendar -->
              <div class="box box-solid bg-green-gradient">
                <div class="box-header">
                  <i class="fa fa-signal"></i>
                  <h3 class="box-title">我的学习进度</h3>
                  <!-- tools box -->
                  <div class="pull-right box-tools">
                    <!-- button with a dropdown -->
                    <!--div class="btn-group">
                      <button class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bars"></i></button>
                      <ul class="dropdown-menu pull-right" role="menu">
                        <li><a href="#">Add new event</a></li>
                        <li><a href="#">Clear events</a></li>
                        <li class="divider"></li>
                        <li><a href="#">View calendar</a></li>
                      </ul>
                    </div>
                    <button class="btn btn-success btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
                    <button class="btn btn-success btn-sm" data-widget="remove"><i class="fa fa-times"></i></button-->
                  </div><!-- /. tools -->
                </div><!-- /.box-header -->
                <div class="box-body no-padding">
                  <!--The calendar -->
                  <div id="calendar" style="width: 100%"></div>
                </div><!-- /.box-body -->
                <div class="box-footer text-black">
                  <div class="callout callout-danger lead">
				    <p>
				    	<strong>亲爱的 ${Session["dw_name"]?default("无名士")}</strong>，你已经开通产品${countMap["natureday"]?default("1")}天，其中有${countMap["trainday"]?default("1")}天登录本系统学习，累计时长${Session["dh_onlinetime"]?default("1")?c}分钟以上，目前你已经完成${countMap["finishnum"]?default("2")}个学习任务。下面是你的战绩，继续加油哦！ 
				    </p>
				  </div>
				  
                  <div class="row">
                    <div class="col-sm-12">
                      <#list avaliableTasks as task>                     
	                      <div class="clearfix">
	                        <span class="pull-left">${task.name}</span>
	                        <small class="pull-right"><#if task.state == 3>100<#elseif task.state == 2>10</#if>%</small>
	                      </div>
	                      <div class="progress xs">
	                        <div class="progress-bar progress-bar-green" style="width:<#if task.state == 3>100<#elseif task.state == 2>10</#if>%;"></div>
	                      </div>                     
					  </#list>
                    </div><!-- /.col -->
                    
                    <div class="col-sm-6">
                      <#list leftTasks as task>                     
	                      <div class="clearfix">
	                        <span class="pull-left">${task.name}</span>
	                        <small class="pull-right">0%</small>
	                      </div>
	                      <div class="progress xs">
	                        <div class="progress-bar progress-bar-green" style="width:0%;"></div>
	                      </div>                     
					  </#list>
                    </div><!-- /.col -->
                    
                  </div><!-- /.row -->
                          
                </div>
              </div><!-- /.box -->
            
            </section><!-- /.Left col -->
          </div><!-- /.row (main row) -->

        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->
      
      <#include "common/footer.ftl">
    </div><!-- ./wrapper -->

    <#include "common/foot-common.ftl">
  </body>
</html>